<html>
  <body>
    我是孩子1
    <div>我有方法 cc1</div>
    <div>
      <button type="button" onclick="a1Method()">调用第一层 a1方法</button>
      <button type="button" onclick="t1Method()">调用平行层 t1方法</button>
      <button type="button" onclick="b1Method()">调用第二层 b1方法</button>
      <button type="button" onclick="ccc1Method()">调用孩子2窗口 ccc1方法</button>
      <button type="button" onclick="openbaidu()">当前层打开百度</button>
    </div>
  </body>
  <script>
    var frameName="孩子1";
    var baiduUrl = "https://www.baidu.com";
    function cc1(src){
        alert(`${src} 调用了 孩子1cc1方法`);
    }

    /**
      调用第一层窗口 a1方法
    */
    function a1Method(){
      top.a1(frameName);
    }

     /**
      调用平行层窗口 t1方法
    */
    function t1Method(){
      top.window["parallelFrame"].t1(frameName);
    }

    /**
      调用第二层窗口 b1方法
    */
    function b1Method(){
       parent.parent.b1(frameName);
    }

    /**
      调用孩子2窗口 ccc1方法
    */
    function ccc1Method(){
      parent.window["rightFrame"].ccc1(frameName);
    }

    function openbaidu(){
      location.href=baiduUrl;
    }
      
  </script>

</html>